.task-box-a1{
    width: 100%;
    // min-height: 168.5px;
    background: #ffffff;
    border-radius: 10px;
    padding: 10px 11px;
    box-sizing: border-box;
    box-shadow: 1px 2px 0px #f3f1f1;
    margin-bottom: 6.5px;
    .task-order-a1{
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 5px;
        .id-a1{
        display: flex;
        align-items: center;
        font-size: 13px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: bold;
        color: #333333;
        .shop-a1{
            margin-right: 5.5px;
        }
        }
        .status-a1{
        font-size: 12px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        color: #333333;
        }
    }
    .top-box-a1{
        display: flex;
        justify-content: space-between;
        .info-a1{
        display: flex;
        flex-direction: column;
        .title-a1{
            font-size: 14px;
            font-family: Microsoft YaHei, Microsoft YaHei-Regular;
            font-weight: 400;
            color: #333333;
            padding-right: 10px;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3; /* 这里是超出几行省略 */
            overflow: hidden;
            .shoot-a1{
            width: 32.5px;
            height: 15px;
            margin-right: 3px;
            vertical-align: middle;
            }
            .title-a1-con{
            vertical-align: middle;
            }
        }
        .price-a1{
            padding: 6px 0 6px 2px;
            font-size: 12px;
            color: #FE3234;
            .num-a1{
            font-size: 24px;
            font-weight: bolder;
            }
        }
        }

        .pic{
        width: 89px;
        flex-shrink: 0;
        height: 71px;
        border-radius: 5px;
        margin-left: 5px;
        }
    }

    .tags-box-a1{
        display: flex;
        flex-wrap: wrap;
        border-bottom: 0.5px solid #d7d8d9;
        padding-bottom: 9px;
        .tag-a1{
        font-size: 11px;
        margin: 0 10px 0 10px;
        // position: relative;
        .tag-item-a1{
            display: flex;
            align-items: center;
            position: relative;
            .tb-center-a1{
            flex-shrink: 0;
            }
            .tb-left-a1{
            width: 0;
            height: 0;
            border: 9px solid #000;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: transparent;
            border-right-color: red;
            position: absolute;
            left: -18px;
            .tb-left-n-a1{
                width: 0;
                height: 0;
                border: 8px solid #000;
                border-top-color: transparent;
                border-bottom-color: transparent;
                border-left-color: transparent;
                border-right-color: #ECF1FF;
                position: absolute;
                left: -7px;
                top: -8px;
            }
            }
            .tb-right-a1{
            width: 0;
            height: 0;
            border: 9px solid #000;
            border-top-color: transparent;
            border-bottom-color: transparent;
            border-left-color: red;
            border-right-color: transparent;
            position: absolute;
            right: -18px;
            .tb-right-n-a1{
                width: 0;
                height: 0;
                border: 8px solid #000;
                border-top-color: transparent;
                border-bottom-color: transparent;
                border-left-color: #ECF1FF;
                border-right-color: transparent;
                position: absolute;
                right: -7px;
                top: -8px;
            }
            }
        }
        }
    }
    .bottom-box-a1{
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
        .address-time-a1{
        font-size: 11px;
        font-family: Microsoft YaHei, Microsoft YaHei-Regular;
        font-weight: 400;
        color: #666666;
        margin-right: 20px;
        .address-a1{
            margin: 6px 0;
            word-break: break-all;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 1; /* 这里是超出几行省略 */
            overflow: hidden;
        }
        }
    }
    .content-btn-a1{
        width: 77px;
        height: 25px;
        display: flex;
        align-items: center;
        flex-shrink: 0;
        justify-content: center;
        background: linear-gradient(#3c73ff 0%, #0048ff 100%);
        border-radius: 12.5px;
        font-size: 12px;
        font-weight: 400;
        color: #ffffff;
    }
    .top-btn{
        background: #ffffff;
        border: 0.5px solid #2b5eff;
        color: #2b5fff;
        width: 65.5px;
        height: 21px;
    }
}